<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			Banco
	</ui:define>

	<ui:define name="content">

		<p:growl id="mensajes" showDetail="true" life="7000" />

		<h3 style="text-align: center; left: 50%; margin-left: auto">LISTADO
			DE BANCOS</h3>

		<h:form id="formDataTable">

			<p:focus context="formDataTable" />

			<p:dataTable id="tablaBancos" var="banco"
				value="#{bancoBean.listaBancos}" paginator="true" rows="10"
				styleClass="tablaBanco">

				<p:column headerText="GESTIONAR BANCO" styleClass="columnaCrud">

					<p:commandButton id="btnMostrar" update=":formMostrar"
						oncomplete="bancoDialogoMostrar.show()" icon="icon-3">
						<f:setPropertyActionListener value="#{banco}"
							target="#{bancoBean.seleccionarBanco}" />
					</p:commandButton>

					<p:commandButton id="btnEditar" update=":formEditar"
						oncomplete="bancoDialogoEditar.show()" icon="ui-icon-pencil">
						<f:setPropertyActionListener value="#{banco}"
							target="#{bancoBean.seleccionarBanco}" />
					</p:commandButton>

					<p:commandButton id="btnEliminar" update=":formEliminar"
						oncomplete="bancoDialogoEliminar.show()" icon="ui-icon-trash">
						<f:setPropertyActionListener value="#{banco}"
							target="#{bancoBean.seleccionarBanco}" />
					</p:commandButton>

				</p:column>

				<p:column headerText="NOMBRE" filterBy="#{banco.nombre}"
					styleClass="columnaInfo">  
            			#{banco.nombre}  
        			</p:column>

			</p:dataTable>
		</h:form>

		<h:form>
			<p:commandButton value="NUEVO" update=":formNuevo"
				oncomplete="bancoDialogoNuevo.show()" id="btnNuevo" icon="icon-3"
				styleClass="botonNuevo" />
		</h:form>

		<h:form id="formEliminar">
			<p:dialog widgetVar="bancoDialogoEliminar" severity="alert"
				header="Eliminar Banco" showEffect="explode" hideEffect="shake"
				modal="false" resizable="false" width="200px">
				<h:inputHidden value="#{bancoBean.seleccionarBanco.bancoId}" />
				<br />
				<p:outputLabel value="¿ Esta seguro de Eliminar ?" />
				<br />
				<br />
				<p:commandButton value="Aceptar" update=":formDataTable, :mensajes"
					icon="ui-icon-check" oncomplete="bancoDialogoEliminar.hide()"
					actionListener="#{bancoBean.eliminar}" />
				<p:commandButton value="limpiar" type="button"
					onclick="bancoDialogoEliminar.hide()" />
			</p:dialog>
		</h:form>

		<p:dialog header="INSERTAR BANCO" widgetVar="bancoDialogoNuevo"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoNuevo">

			<h:form id="formNuevo">

				<p:focus context="formNuevo" />

				<h:panelGrid columns="3" cellpadding="5">
					<h:outputText value="NOMBRE:" />
					<p:inputText id="nombre" value="#{bancoBean.banco.nombre}"
						label="nombre" onblur="this.value=this.value.toUpperCase();" />
					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="Guardar"
							oncomplete=" handleSubmitRequest(args);"
							update=":formDataTable, :mensajes, formNuevo"
							id="btnNuevoAceptar" icon="ui-icon-document"
							actionListener="#{bancoBean.insertar}" />
						<p:commandButton value="limpiar"
							oncomplete="bancoDialogoNuevo.hide()" id="btnNuevolimpiar"
							icon="ui-icon-document" actionListener="#{bancoBean.limpiar}"
							process="@this" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<script type="text/javascript">
			function handleSubmitRequest(args) {
				if (!args.validationFailed) {
					bancoDialogoNuevo.hide();
					bancoDialogoEditar.hide();
				}
			}
		</script>

		<h:form id="formMostrar">

			<p:dialog header="MOSTRAR BANCO" widgetVar="bancoDialogoMostrar"
				resizable="false" modal="false" showEffect="clip" hideEffect="fold"
				id="dialogoMostrar">

				<h:panelGrid id="panelMostrar" columns="2" cellpadding="8">

					<h:outputText value="NOMBRE:" />
					<h:outputText value="#{bancoBean.seleccionarBanco.nombre}"
						style="font-weight:bold" />
				</h:panelGrid>
			</p:dialog>
		</h:form>

		<p:dialog header="EDITAR BANCO" widgetVar="bancoDialogoEditar"
			resizable="false" modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoEditar">

			<h:form id="formEditar">

				<p:focus context="formEditar" />

				<h:panelGrid id="panelEditar" columns="2" cellpadding="8">

					<h:outputText value="NOMBRE:" />
					<p:inputText value="#{bancoBean.seleccionarBanco.nombre}"
						onblur="this.value=this.value.toUpperCase();" />

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="Guardar"
							update=":formDataTable, :mensajes, formEditar"
							oncomplete=" handleSubmitRequest(args);" id="btnModificarAceptar"
							actionListener="#{bancoBean.actualizar}" icon="ui-icon-document" />

						<p:commandButton value="limpiar"
							oncomplete="bancoDialogoEditar.hide()" id="btnModificarlimpiar"
							icon="ui-icon-document" />
					</f:facet>

				</h:panelGrid>
			</h:form>
		</p:dialog>
	</ui:define>

</ui:composition>
</html>